// 懒加载启动
$(function () {
    $('img.lazy').show().lazyload({
        effect: "fadeIn"
    })
})

$(function () {
    // 广告删除
    $('.del').on('click', function () {
        $(this).parents('.gg').remove()
    })

    // 置顶效果
    let navOffset = $('.nav1').offset().top;//导航的offset
    let navH = $('.nav1').height();//导航自身高度
    $(document).on('scroll', function () {
        let $scrTop = $(document).scrollTop();
        if ($scrTop > navOffset) {//不可见高度>导航栏的offset
            $('.nav1').css({ position: "fixed", left: 0, top: 0, bottom: 0, right: 0, zIndex: 9999, height: 53, backgroundColor: "#fff" })
            $('.banner').css({ marginTop: navH })
            $('.nav2').css({ marginTop: navH })
        } else {
            $('.nav1').css({ position: "static" })
            $('.nav2').css({ marginTop: 0 })
            $('.banner').css({ marginTop: 0 })
        }
    })

    // 轮播图
    let timer = 0;
    let num = 0;
    let point = 0;

    // 自动轮播      (bug点击跳转时,速度太慢)
    const autoplay = function () {
        num++;
        if (num > 6) {
            num = 0;
        }
        $('.banner>ul').find('li').each(function (index, el) {
            if (num == index) {
                $(this).addClass('current').siblings().removeClass('current');
            }
        })

        point++
        if (point > 6) {
            point = 0;
        }
        $('.banner>ol').find('li').each(function (index, el) {
            if (point == index) {
                $(this).addClass('current').siblings().removeClass('current');
            }
        })
    }
    timer = setInterval(autoplay, 2500)

    // 点击跳转
    $('ol>li').on('click', function () {
        let $index = $(this).index();
        num = point = $index - 1;
        autoplay()
    })

    // 移入停止
    // $('.banner>ul').on('mouseenter', function () {
    //     clearInterval(timer)
    // }).on('mouseleave', function () {
    //     timer = setInterval(autoplay, 1500)
    // })

    // 排行版
    $('.top>ul').find('li').on('mouseenter', function () {
        let $index = $(this).index()
        $(this).addClass('current').siblings().removeClass('current')
        $('.first>.bottom>div').eq($index).addClass('current').siblings().removeClass('current')
    })

    // 品牌馆
    $('.type>.num1>ul').find('li').on('mouseenter', function () {
        let $index = $(this).index();
        $(this).addClass('current').find('span').addClass('current').parents('li').siblings().removeClass('current').find('span').removeClass('current')
        $('.type>.num2>ol').eq($index).addClass('current').siblings().removeClass('current').find('span').removeClass('current')
    })

    // 右下角功能
    // 购物车
    $('.shopping').hide()
    $('.rightBottom>li').eq(0).on('click', function () {
        $('.shopping').show(1000)
        $('.rightBottom').animate({ right: 282 }, 1000).find('li').eq(0).css('backgroundColor', "#cdcdcd")
        $('.del').on('click', function () {
            $(this).parents('.shopping').hide(1000)
            $('.rightBottom').animate({ right: 0 }, 1000)
            $('.rightBottom').find('li:eq(0)').css('backgroundColor', "#FFF");
        })
    })
    // 回到顶部
    $('.rightBottom>li').eq(4).on('click', function () {
        $('html,body').animate({ scrollTop: 0 })
    })


    // 弹出广告
    $('.tcgg').hide()
    setTimeout(function () {
        $('.tcgg').show(500)
    }, 10000)
    $('.tcgg').find('.del').on('click', function () {
        $(this).parents('.tcgg').hide(500)
    })
})
